.animated{
    position: absolute;
            left: 0px;right: 0px;
            top: 0;bottom: 0;
    width: 140px;
    height: 140px;
    opacity: 0;
    border-radius: 100%;
    border: 1px solid #64B5F6;
}
.animated.circle1,
.animated.circle2{
    -webkit-animation: anim-ripple 1.2s ease-out infinite forwards;
    animation: anim-ripple 1.2s ease-out infinite forwards;
}
.animated.circle2{
    -webkit-animation-delay: 0.6s;
    animation-delay: 0.6s;
}
@-webkit-keyframes anim-ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(2, 2, 1);
        transform: scale3d(2, 2, 1);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}
@keyframes anim-ripple {
    0% {
        opacity: 0;
        -webkit-transform: scale3d(2, 2, 1);
        transform: scale3d(2, 2, 1);
    }
    50% {
        opacity: 1;
    }
    100% {
        opacity: 0;
        -webkit-transform: scale3d(1, 1, 1);
        transform: scale3d(1, 1, 1);
    }
}